<template>
  <div style="background-color: orange">
    <p>孙组件</p>
    <div>a = {{ a }}</div>
    <div>b = {{ b }}</div>
    <div>c = {{ c }}</div>
    <div>d = {{ d }}</div>
  </div>
</template>

<script setup lang="ts">
import { inject } from "vue";

const a = inject<number>("a");
const b = inject<number>("b");
const c = inject<number>("c");
const d = inject<number>("d");
</script>

<style scoped></style>
